<script setup lang="ts">
import { ref } from 'vue'

const list = ref<any[]>([])

const tmpList: any[] = []
for (let i = 0; i < 200; i++) {
  tmpList.push({
    name: `用户${i}`,
    avatar: '/avatar.jpg'
  })
}

list.value = tmpList
</script>

<template>
  <div class="home-wrapper">
    <BasePlanet :data="list" :width="1000" :height="600" node-type="text"></BasePlanet>
  </div>
</template>

<style lang="scss" scoped>
.home-wrapper {
  @include rect(100%, 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
